.container-content {
  view,
  text,
  image {
    box-sizing: border-box;
  }
  scroll-view {
    width: 100%;
    white-space: nowrap;
    position: relative;
    padding-top: 20rpx;
    margin-top: 10px;

    .flex-box {
      display: inline-block;
      height: 120rpx;
      width: 25%;
      margin: 0 7rpx 0 7rpx;
      box-sizing: border-box;

      &.active {
        .date-box {
          border: none;
          .days {
            font-weight: bold;
            color: #818181;
          }
          .date {
            font-weight: bold;
            color: #818181;
          }
        }
      }
      .date-box {
        border: none;
        display: flex;
        height: 90rpx;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        font-size: 30rpx;
        color: rgba(129, 129, 129, 1);
        .date {
          font-weight: bold;
          color: #818181;
          font-size: 30rpx;
        }
      }
    }
  }
  .time-box {
    padding: 28rpx 0rpx 26rpx;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    // margin-top:10px;
    background-color: #fff;
    .item {
      width: 25%;
      padding: 0 9rpx;
      margin: 10px 0;
      &-box {
        width: 100%;
        height: 154rpx;
        padding: 0 44rpx;
        background: #fff;
        color: #333;
        border: 1px solid #eeeeee;
        font-size: 26rpx;
        border-radius: 10rpx;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        &.disable {
          background: #f1f3f6 !important;
          color: #999 !important;
          // border: 1px solid #EEEEEE;
        }
        &.active {
          // background: #0094D7;
          border: 1px solid #fb5d6b;
          font-weight: bold;
        }
        .all {
          font-size: 22rpx;
          padding-top: 5px;
        }
      }
    }
  }
}
